@include mmaedia("des") {

    // main{
    //     background: rgba(102, 102, 102, 0.1) !important;
    // }
    .association_profile {
        padding-bottom: 5rem;


        .as_profile {
            border: 0;
            width: 62.6%;
            margin: 0 auto;
            margin-top: 2.5rem;
            display: flex;
            justify-content: space-between;

            .as_introduction {
                width: 40%;
                background-color: #fff;
                margin-bottom: 7.1875rem;

                h4 {
                    margin-top: 2.5rem;
                    width: 100%;
                    height: 1.8125rem;
                    font-family: SourceHanSansCN;
                    font-weight: 400;
                    font-size: 1rem;
                    color: #999999;
                    line-height: 1.8125rem;
                    opacity: 0.4;
                }

                h2 {
                    width: 100%;
                    margin-top: 1rem;

                    height: 2.25rem;
                    font-family: SourceHanSansCN;
                    font-weight: bold;
                    font-size: 2.25rem;
                    color: #333333;
                    line-height: 2.25rem;
                }

                h3 {
                    width: 100%;
                    margin-top: 4.8125rem;

                    height: 1.8125rem;
                    font-family: SourceHanSansCN;
                    font-weight: bold;
                    font-size: 1.625rem;
                    color: #0B77E5;
                    line-height: 1.8125rem;
                }

                p {
                    width: 100%;
                    margin-top: 2.25rem;

                    height: 11.5rem;
                    font-family: SourceHanSansCN;
                    font-weight: 400;
                    font-size: 1rem;
                    color: #999999;
                }
            }

            div {
                width: 50%;
                height: 31.5rem;
                background: #0B77E5;

                img {
                    min-width: 30rem;
                    max-height: 25.125rem;
                }
            }


        }


        .as_leaders_bg {
            height: auto;
            background-color: rgba(102, 102, 102, 0.1);

            .as_leaders {
                width: 62.6%;
                margin: 0 auto;

                h4 {
                    padding-top: 4.5625rem;
                    width: 11.25rem;
                    height: 1.8125rem;
                    font-family: SourceHanSansCN;
                    font-weight: 400;
                    font-size: 1rem;
                    color: #999999;
                    line-height: 1.8125rem;
                    opacity: 0.4;
                }

                h2 {
                    margin-top: 1rem;
                    width: 9.6875rem;
                    height: 2.25rem;
                    font-family: SourceHanSansCN;
                    font-weight: bold;
                    font-size: 2.25rem;
                    color: #333333;
                    line-height: 2.25rem;
                }

                .leaders {
                    margin-top: 4rem;
                    padding-bottom: 4.125rem;
                    display: flex;
                    justify-content: space-between;

                    div {
                        width: 19%;

                        img {
                            display: inline-block;
                            width: 100%;
                            height: 12.875rem;
                            background: #0B77E5;
                        }

                        h3 {
                            margin-top: 1.6875rem;
                            width: 100%;
                            height: 1.8125rem;
                            font-family: SourceHanSansCN;
                            font-weight: bold;
                            font-size: 1.625rem;
                            color: #0B77E5;
                            line-height: 1.8125rem;
                        }

                        p {
                            margin-top: 1.0625rem;
                            width: 100%;
                            height: 1.8125rem;
                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: 1.25rem;
                            color: #333333;
                            line-height: 1.8125rem;
                        }
                    }
                }


            }


        }

        .as_photo {
            width: 62.6%;
            margin: 0 auto;
            position: relative;

            // background-color: #333333;
            h3 {
                margin-top: 4.625rem;
                width: 9.6875rem;
                height: 1.8125rem;
                font-family: SourceHanSansCN;
                font-weight: 400;
                font-size: 1rem;
                color: #999999;
                line-height: 1.8125rem;
                opacity: 0.4;
            }

            h2 {
                margin-top: 1rem;
                width: 10.3125rem;
                height: 2.25rem;
                font-family: SourceHanSansCN;
                font-weight: bold;
                font-size: 2.25rem;
                color: #333333;
                line-height: 1.625rem;
            }

            .arrow_photos {
                //     display: flex;
                //    align-items: center;
                position: relative;

                .arrow {
                    margin-top: 12%;
                    width: 100%;
                    display: flex;
                    justify-content: space-between;

                    span {
                        text-align: center;
                        line-height: 4rem;
                        display: inline-block;

                        img {
                            width: .6875rem;
                            height: 1.375rem;
                        }
                    }

                    span:first-of-type {
                        margin-left: -10%;
                        width: 3.375rem;
                        height: 3.375rem;
                        background: #0B77E5;
                        border-radius: 50%;

                    }

                    span:last-of-type {
                        margin-right: -10%;
                        width: 3.375rem;
                        height: 3.375rem;
                        background: #EFF0F9;
                        border-radius: 50%;
                    }
                }

                .photos {
                    margin-top: -13%;
                    display: flex;
                    justify-content: space-between;

                    div {
                        width: 22%;
                        height: 14rem;
                        background: #0B77E5;
                    }
                }
            }
        }

        .as_down {
            padding-top: 5.625rem;
            width: 62.6%;
            margin: 0 auto;

            h4 {
                width: 10.3125rem;
                height: 1.8125rem;
                font-family: SourceHanSansCN;
                font-weight: 400;
                font-size: 1rem;
                color: #999999;
                line-height: 1.8125rem;
                opacity: 0.4;
                // color: #0B77E5;
            }

            h2 {
                margin-top: 1rem;
                width: 11.25rem;
                height: 2.25rem;
                font-family: SourceHanSansCN;
                font-weight: bold;
                font-size: 2.25rem;
                color: #333333;
                line-height: 2.25rem;
            }

            .word_down {

                // width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-top: 4.375rem;

                .word_downs {
                    padding-bottom: 1.25rem;
                    width: 28.3%;
                    display: flex;
                    justify-content: space-between;
                    align-content: center;

                    // background: #f1eaea;
                    .left_down {
                        display: inline-block;
                        width: 30%;
                        height: 4.9375rem;
                        // background-color: #0B77E5;
                        img{
                            width: 5.5625rem;
                        }
                    }

                    .right_down {
                        width: 60%;

                        h6 {
                            width: 100%;
                            height: 1.8125rem;
                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: 1.375rem;
                            color: #333333;
                            line-height: 1.8125rem;
                            
                        }

                        p {
                            width: 100%;

                            height: 1.8125rem;
                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: 1rem;
                            color: #666666;
                            line-height: 1.8125rem;
                           
                        }

                        span {
                            width: 2.6875rem;
                            height: 1.8125rem;
                            font-family: SourceHanSansCN;
                            font-weight: 400;
                            font-size: 1.375rem;
                            color: #0B77E5;
                            line-height: 1.8125rem;
                        }

                        img {
                            width: 1.0625rem;
                            height: 1.125rem;
                        }
                    }
                }
                // .word_downs:nth-child(3n){
                    
                // }
            }
        }
    }
}